﻿@{
    Layout = null;
}
@model WebPlatform.Models.LoginVM
<!DOCTYPE html>
<html>
<head>

    <title>文化徽商网</title>
    <meta name="description" content="">
    <meta name="keywords" content="文化徽商,文化徽商网,杂志,商会,徽商,文化">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link href="/Content/Login/login.css" rel="stylesheet" />
    <script src="/Scripts/jquery-1.8.2.min.js"></script>
    <script src="/Scripts/jquery.validate.min.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script src="/Scripts/shortcuts_v1.js"></script>
    <script src="@Url.Content("~/Scripts/jquery.floatAd.js")"></script>
    <link href="@Url.Content("~/Areas/CPP/Content/company/focus.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Areas/CPP/Content/merge-120609.css")" rel="stylesheet" />
    <style type="text/css">
        body {
            background-color: #fff;
        }

        .obj-category {
            width: 750px;
        }

        #LoginForm {
            width: 222px;
            height: 217px;
        }

        .loginItems {
            height: auto;
            margin-top: 0;
            width: auto;
            margin-left: 18px;
        }

        .loginLabel, .loginForm {
            float: none;
            height: 24px;
            line-height: 24px;
        }

        .txts {
            border: 1px solid #ccc;
            margin-left: 0;
            width: 180px;
        }

        .txtCode {
        }

        .main_moudles {
            float: left;
            display: inline;
        }

        .ali-nav2 li a {
            font-size: 14px;
        }

        .title {
            font-size: 16px;
        }

        #ifunny-news .article-list {
            padding: 7px 0 6px 0;
            margin-top: 5.25px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            //调用漂浮插件
            $("body").floatAd({
                imgSrc: '@Url.Content("~/Areas/CPP/Images/20130422164944.png")',
                url: '@Url.Action("Contact", "CArticle")'
            });


            $("#validateCode").click(function () {
                $(this).attr("src", '@Url.RouteUrl("Default", new { controller = "Login", action = "GetValidateCode" })?time=' + (new Date()).getTime());
            });

            $("#submit").click(function () {
                $("#loginForm").submit();
            });

            $("#btnRegister").click(function () {
                location.href = "@Url.Action("Register", "Default")";
            });

            $.shortcut("enter", function () {
                $("#submit").trigger("click");
            });

            var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
            var len = $("#focus ul li").length; //获取焦点图个数
            var index = 0;
            var picTimer;

            //以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
            var btn = "<div class='btnBg'></div><div class='btn'>";
            for (var i = 0; i < len; i++) {
                btn += "<span></span>";
            }
            //btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
            $("#focus").append(btn);
            $("#focus .btnBg").css("opacity", 0.5);

            //为小按钮添加鼠标滑入事件，以显示相应的内容
            $("#focus .btn span").css("opacity", 0.4).mouseover(function () {
                index = $("#focus .btn span").index(this);
                showPics(index);
            }).eq(0).trigger("mouseover");

            //上一页、下一页按钮透明度处理
            $("#focus .preNext").css("opacity", 0.2).hover(function () {
                $(this).stop(true, false).animate({ "opacity": "0.5" }, 300);
            }, function () {
                $(this).stop(true, false).animate({ "opacity": "0.2" }, 300);
            });

            //上一页按钮
            $("#focus .pre").click(function () {
                index -= 1;
                if (index == -1) { index = len - 1; }
                showPics(index);
            });

            //下一页按钮
            $("#focus .next").click(function () {
                index += 1;
                if (index == len) { index = 0; }
                showPics(index);
            });

            //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
            $("#focus ul").css("width", sWidth * (len));

            //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
            $("#focus").hover(function () {
                clearInterval(picTimer);
            }, function () {
                picTimer = setInterval(function () {
                    showPics(index);
                    index++;
                    if (index == len) { index = 0; }
                }, 4000); //此4000代表自动播放的间隔，单位：毫秒
            }).trigger("mouseleave");

            //显示图片函数，根据接收的index值显示相应的内容
            function showPics(index) { //普通切换
                var nowLeft = -index * sWidth; //根据index值计算ul元素的left值
                $("#focus ul").stop(true, false).animate({ "left": nowLeft }, 300); //通过animate()调整ul元素滚动到计算出的position
                //$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
                $("#focus .btn span").stop(true, false).animate({ "opacity": "0.4" }, 300).eq(index).stop(true, false).animate({ "opacity": "1" }, 300); //为当前的按钮切换到选中的效果
            }

        });


    </script>


    <script type="text/javascript">
        //$(function () {
        //    setInterval(ad(), 1000);
        //});

        //function ad() {
        //    $("#topPic01").animate({ height: 'toggle' }, 3000, function (parameters) {
        //        setTimeout(function (parameters) {
        //            $("#topPic01").animate({ height: 'toggle' }, 3000);
        //        }, 2000)
        //    });
        //}
    </script>
</head>
<body>
    <div id="topPic01" style="height: 600px; width: 998px; background: red; display: none; margin: 0 auto;">
        <img src="/Areas/CPP/Images/006.jpg" style="height: 600px; width: 998px;" />
    </div>
    @{ Html.RenderAction("TopMenu", "CPartial");}
    <div>
        @{ Html.RenderAction("Header", "CPartial");}
    </div>
    <div>
        @{ Html.RenderAction("Menu", "CPartial");}
    </div>
    <div id="doc" class="sw-layout-doc">
        <div id="content">
            <div class="layout" id="content-inner" style="margin-bottom: 0;">
                <div class="layout margin-bottom-20">
                    <div class="col-sub" style="width: 240px;" id="ifunny-news">
                        @{ Html.RenderAction("Articles", new { partitionId = "HSZZNEWS", size = 4 }); }
                    </div>
                    <div class="col-sub" style="width: 740px; margin-right: 0;">
                        @{ Html.RenderAction("Covers"); }
                    </div>
                </div>
                <div class="layout margin-bottom-20">
                    <div class="col-sub" style="width: 240px;">
                        @{
                            Html.RenderAction("Pictures");
                        }
                    </div>
                    <div class="col-sub" style="width: 240px;">
                        @{ Html.RenderAction("Articles", new { partitionId = "HSZZSHZL" }); }
                    </div>
                    <div class="col-sub" style="width: 240px;">
                        @{ Html.RenderAction("Articles", new { partitionId = "HSZZHSBWG" }); }
                    </div>
                    <div class="col-sub" style="width: 240px; margin-right: 0;">
                        @{ Html.RenderAction("Articles", new { partitionId = "HSZZHSSY" }); }
                    </div>
                </div>
                <div class="layout margin-bottom-20" style="border-bottom: 1px dotted #ccc;"></div>
                <div class="layout margin-bottom-20">
                    <div class="col-sub" style="width: 240px;">
                        @{ Html.RenderAction("Articles", new { partitionId = "DT" }); }
                    </div>
                    <div class="col-sub" style="width: 510px; margin-right: 0px;">
                        <div class="mod-slider" style="height: 217px; width: 510px; background: red;">
                            <div class="content" id="focus" style="height: 217px;">
                                <ul>
                                    @{
                                        if (ViewBag.HAD != null && ViewBag.HAD is IList<ArticleInfo>)
                                        {
                                            var hads = ViewBag.HAD as IList<ArticleInfo>;
                                            foreach (var articleInfo in hads)
                                            {
                                        <li><a href="@Url.Action("Detail", "CArticle")?aid=@articleInfo.ContentId">
                                            <img style="width:510px;" src="@articleInfo.ImgUrl" title="@articleInfo.Title" alt="@articleInfo.Title" /></a></li>
                                            }
                                        }
                                    }
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-ext" style="border: 1px solid #ccc; margin-right: 7px; float: right; height: 215px; width: 218px; margin-right: 0;">
                        @using (Html.BeginForm("Login", "Default", FormMethod.Post, new { id = "loginForm" }))
                        {
                            <div id="LoginForm">
                                <div class="loginItems">
                                    <div class="loginLabel">
                                        <div style="float: left; display: inline;">企业账号</div>
                                        <div class="errors" style="padding-left: 10px; float: left; display: inline; color: red;">@Html.ValidationSummary(false)</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="loginForm">
                                        <div>
                                            @Html.TextBoxFor(Model => Model.LoginName, new { @class = "txts" })
                                        </div>
                                    </div>
                                </div>
                                <div class="loginItems">
                                    <div class="loginLabel">
                                        <span style="float: left;">登录密码</span> <span style="float: right; margin-right: 15px;"><a style="color: rgb(0,136,204);" href="#">忘记密码？</a></span>
                                    </div>
                                    <div class="loginForm">
                                        <div>
                                            @Html.PasswordFor(Model => Model.LoginPassword, new { @class = "txts" })
                                        </div>
                                    </div>
                                </div>
                                <div class="loginItems">
                                    <div class="loginForm">
                                        <div id="loginCode">
                                            @Html.TextBoxFor(Model => Model.LoginCode, new { @class = "txtCode" })
                                            @*<input id="LoginCode" class="txtCode" type="text" />*@
                                        </div>
                                        <div id="loginCodeImage">
                                            <img id="validateCode" style="margin-top: 6px;" src='@Url.RouteUrl("Default", new { controller = "Login", action = "GetValidateCode" })' width="68" height="22"
                                                     alt="点击刷新" title="点击刷新" />
                                        </div>
                                    </div>
                                </div>
                                <div class="loginItems">
                                    <div id="submit" style="margin-left: 0px; width: 185px; background-image: url(/Areas/CPP/Images/loginBtn.jpg); background-repeat: repeat-x;">
                                        登 录
                                    </div>

                                    <div class="btnSubmit" id="btnRegister" style="margin-left: 0px; width: 185px; background-image: url(/Areas/CPP/Images/loginBtn.jpg); background-repeat: repeat-x;">
                                        免费注册
                                    </div>
                                    @*<div id="forgetPassword" style="width:auto;">
                                    <a href="javascript:void(0);">忘记密码？</a>
                                      @Html.ActionLink("免费注册", "Register")
                                </div>*@
                                </div>

                            </div>
                            <div id="LoginImage">
                            </div>
                        }

                        <a href="/Login">登录</a>


                    </div>
                </div>
                <div class="layout margin-bottom-20">
                    <div class="col-sub" style="width: 240px;">
                        <div class="mod-market mod-market-v1" style="height: auto;">
                            <div class="header">
                                <div class="cell-header">
                                    <div class="market-dynamic" style="position: relative; width: 98%;">
                                        <div class="market-info">
                                        </div>
                                        <div class="title" style="width: 100%;">
                                            <a href="@Url.Action("Index", "CMedia")">徽商视频</a>
                                            <a style=" float:right; font-weight:normal; font-size:12px;" href="@Url.Action("Index", "CMedia")">更多&nbsp;></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="content">
                                @{
                                    var company = ViewBag.Media as CompanyInfo;
                                    if (company != null)
                                    {
                                    <div class="info" style="height: 165px;">
                                        <embed src="@company.MediaUrl" 
                                                       type="video/x-ms-asf-plugin" width="215" height="175"
                                                       autostart="true" loop="true" />
                                    </div>
                                    }
                                }
                            </div>
                        </div>
                    </div>
                    <div class="col-sub" style="width: 510px;">
                        <div class="mod-market mod-market-v1" style="height: auto;">
                            <div class="header">
                                <div class="cell-header">
                                    <div class="market-dynamic" style="position: relative; width: 98%;">
                                        <div class="market-info">
                                        </div>
                                        <div class="title" style="width: 100%;">
                                            <a href="@Url.Action("Index", "CArticle")?aid=HSDT">徽商动态</a>

                                            <a style=" float:right; font-weight:normal; font-size:12px;" href="@Url.Action("Index", "CArticle")?aid=HSDT">更多&nbsp;></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="content">
                                <div class="info">
                                    <ul>
                                        @{
                                                
                                            if (ViewBag.HSDT != null && ViewBag.HSDT is IList<ArticleInfo>)
                                            {
                                                var listDT = ViewBag.HSDT as IList<ArticleInfo>;
                                                foreach (var articleInfo in listDT)
                                                {
                                            <li>
                                                <div class="mod-notice">
                                                    <div class="notice-list">
                                                        <ul>
                                                            <li>
                                                                <span style="float: right;">[@articleInfo.ReleaseDate.ToString("yyyy-MM-dd HH:mm:ss")]</span>
                                                                <a href="@Url.Action("Detail", "CArticle")?aid=@articleInfo.ContentId&current=@ViewBag.HSDT">@articleInfo.Title.Trim(25)

                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                                }
                                            }
                                        }
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sub" style="margin-right: 0;">
                        @{ Html.RenderAction("Articles", new { partitionId = "HSMR" }); }
                    </div>
                </div>
                @{
                    var hf = ViewBag.HF as LinksInfo;
                    if (hf != null)
                    {
                    <div id="hp-asc" class="layout margin-bottom-20">
                        <div class="module mod-asc">
                            <div id="hp-asc-container" class="content">
                                <a title="@hf.Title" class="a-img" href="@hf.Url">
                                    <img width="990" alt="@hf.Title" title="@hf.Title" src="@hf.ImgUrl"></a>
                            </div>
                        </div>
                    </div>
                    }
                }

                <div class="layout">
                    <div class="main_moudles main_moudles_left">
                        <!--one floor-->
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "YCL" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title"
                                        href="javascript:void(0);">
                                        <img class="title-name1" alt="原材料" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{  Html.RenderAction("Types", new { parentId = "YCL" }); }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "1F" }); }
                            </div>
                        </div>
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "GYP" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title" href="javascript:void(0);">
                                        <img class="title-name2" alt="工业品" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{
                                        Html.RenderAction("Types", new { parentId = "GYP" });
                                    }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "2F" }); }
                            </div>
                        </div>
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "FZ" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title" href="javascript:void(0);">
                                        <img class="title-name3" alt="服装服饰" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{  Html.RenderAction("Types", new { parentId = "FZ" }); }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "3F" }); }
                            </div>
                        </div>
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "BH" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title" href="javascript:void(0);">
                                        <img
                                                                  class="title-name4" alt="家居百货" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{  Html.RenderAction("Types", new { parentId = "BH" }); }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "4F" }); }
                            </div>
                        </div>
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "SP" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title" href="javascript:void(0);">
                                        <img
                                                                  class="title-name5" alt="小商品" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{  Html.RenderAction("Types", new { parentId = "SP" }); }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "5F" }); }
                            </div>
                        </div>
                        <div class="region-industry">
                            <div class="mod-industry obj-category">
                                <div class="header">
                                    <a class="more" href="@Url.Action("Partitions", "Default", new { pid = "FW" })">更多 
                                            <span class="icon-hp-more"></span></a>
                                    <h2 class="title"><a class="cell-img-title" href="javascript:void(0);">
                                        <img
                                                                  class="title-name6" alt="商务服务" src="@Url.Content("~/Areas/CPP/Images/452401_1451252140.png")"></a></h2>
                                </div>
                                <div class="content">
                                    @{  Html.RenderAction("Types", new { parentId = "FW" }); }
                                </div>
                            </div>
                            <div class="mod-industry obj-event">
                                @{  Html.RenderAction("Advert", "CPartial", new { floor = "6F" }); }
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>

        @{ Html.RenderAction("Footer", "CPartial");}

    </div>
</body>
</html>
